* {
	padding: 0;
	margin: 0;
}

/* 分页 */
#paging {
	width: 100%;
	height: 50px;
	padding-left: 300px;
}

@media screen and (min-width:1300px) {
	section {
		width: 1300px;
	}
	
	/* 标题开始 */
	#title-div {
		width: 100%;
		height: 40px;
		margin-top: 40px;
	}
	
	#title-div > p {
		width: 80%;
		height: 100%;
		font-weight: bold;
		font-size: 18px;
		border-bottom: 1.5px solid silver;
	}
	/* 标题结束 */
	
	/* 新增和搜索开始 */
	#addandsearch-div {
		width: 100%;
		height: 80px;
	}
	
	#addandsearch-div > div:nth-child(1) {
		width: 11%;
		height: 100%;
		float: left;
	}
	
	#addandsearch-div > div:nth-child(2) {
		width: 25%;
		height: 100%;
		float: right;
		margin-right: 50px;
	}
	
	#addplan {
		width: 80%;
		height: 40%;
		outline: none;
		border: none;
		color: white;
		font-size: 13px;
		background-color: #108EE9;
		border-radius: 4px;
		margin-top: 20px;
		margin-left: 10px;
		cursor: pointer;
		float: left;
	}
	
	#searchtext {
		width: 60%;
		margin-left: 20px;
		border: 1px solid #ccc;
		height: 40%;
		border-radius: 2px;
		padding-right: 40px;
		color: gray;
	}
	
	#addandsearch-div > div:nth-child(2) > img {
		position: relative;
		left: -35px;
		top: -25px;
		cursor: pointer;
		margin-top: 50px;
	}
	/* 新增和搜索结束 */
	
	/* 研学计划统计开始 */
	#evaluatestatistics {
		width: 99.8%;
		height: 200px;
		border: 1px solid silver;
	}
	
	#evaluatestatistics > p {
		width: 100%;
		height: 20%;
		line-height: 40px;
		text-indent: 2em;
		font-size: 13px;
		background-color: #F6F8F9;
		border-bottom: 1px solid silver;
		margin-bottom: 0;
	}
	
	#evaluatestatistics > ul {
		height: 80%;
	}
	
	#evaluatestatistics > ul li {
		width: 25%;
		height: 100%;
		float: left;
	}
	
	#evaluatestatistics > ul li > div:nth-child(1) {
		width: 100%;
		height: 30%;
		font-size: 13px;
		text-align: center;
		line-height: 50px;
	}
	
	#evaluatestatistics > ul li > div:nth-child(2) {
		width: 100%;
		height: 70%;
		line-height: 70px;
		text-align: center;
		font-size: 25px;
	}
	/* 研学计划统计结束 */
	
	/* 统计图表开始 */
	#chart {
		width: 100%;
		height: 350px;
	}
	
	.highcharts-axis-title {
		display: none;
	}
	
	.highcharts-credits {
		display: none;
	}
	
	.highcharts-exporting-group {
		display: none;
	}
	/* 统计图表结束 */
	
	/* 计划开始 */
	#plan {
		width: 100%;
		height: 300px;
		margin-top: 50px;
		border-top: 1px solid #ccc;
	}
	#plan > ul {
		width: 100%;
		height: 100%;
	}
	
	#plan > ul > li {
		width: 100%;
		height: 25%;
		border-bottom: 1px solid #ccc;
	}
	
	.plan-img-div {
		width: 6%;
		height: 100%;
		float: left;
	}
	
	.plan-img {
		border-radius: 4px;
		max-width: 70%;
		max-height: 70%;
		margin-top: 18%;
		margin-left: 15%;
	}
	
	.plan-info {
		width: 60%;
		height: 100%;
		float: left;
	}
	
	.plan-info > ul:nth-child(1) {
		width: 100%;
		height: 34%;
	}
	
	.plan-info > ul:nth-child(2) {
		width: 100%;
		height: 34%;
	}
	
	.plan-info > ul:nth-child(1) > li,
	.plan-info > ul:nth-child(2) > li
	{
		float: left;
		color: gray;
		font-size: 12px;
		width: 20%;
		height: 100%;
	}
	
	.plan-info > ul:nth-child(1) > li:nth-child(1),
	.plan-info > ul:nth-child(2) > li:nth-child(1)
	{
		float: left;
		color: gray;
		font-size: 12px;
		width: 40%;
		height: 100%;
	}
	
	.operation {
		 width: 30%;
		 height: 100%;
		 float: left;
	}
	 
	.operation > ul {
		 width: 100%;
		 height: 100%;
		 margin: 0 auto;
	}
	
	.operation > ul > li {
		display: inline-block;
		margin-top: 30px;
		color: #1890FF;
		text-decoration: none;
		margin-left: 30px;
	}
	
	.operation > ul > li > a{
		color: #1890FF;
		text-decoration: none;
	}
	 
	.more {
		 width: 9%;
		 height: 100%;
		 float: left;
	}
	
	.more > div {
		width: 60px;
		height: 30%;
		display: inline-block;
		font-size: 13px;
		color: #4AA8FF;
		font-weight: 600;
		cursor: pointer;
		margin-top: 30px;
		line-height: 20px;
		vertical-align: middle;
	}
	
	.more > ul {
		width: 60px;
		border-radius: 4px;
		box-shadow: 0 2px 8px rgba(0,0,0,.15);
		position: relative;
		z-index: 2;
		display: none;
	}
	
	.more > ul > li {
		font-size: 13px;
		text-align: center;
		line-height: 30px;
		color: rgba(0,0,0,.65);
	}
	
	.more > ul > li:hover {
		background-color: #e6f7ff;
		cursor: pointer;
	}
	/* 计划结束 */
}

@media screen and (max-width:1299px) {
	section {
		width: 1050px;
		margin-left: 20px;
	}
	
	/* 标题开始 */
	#title-div {
		width: 100%;
		height: 40px;
		margin-top: 40px;
	}
	
	#title-div > p {
		width: 80%;
		height: 100%;
		font-weight: bold;
		font-size: 18px;
		border-bottom: 1.5px solid silver;
	}
	/* 标题结束 */
	
	/* 新增和搜索开始 */
	#addandsearch-div {
		width: 100%;
		height: 80px;
	}
	
	#addandsearch-div > div:nth-child(1) {
		width: 11%;
		height: 100%;
		float: left;
	}
	
	#addandsearch-div > div:nth-child(2) {
		width: 25%;
		height: 100%;
		float: right;
		margin-right: 50px;
	}
	
	#addplan {
		width: 80%;
		height: 40%;
		outline: none;
		border: none;
		color: white;
		font-size: 13px;
		background-color: #108EE9;
		border-radius: 4px;
		margin-top: 20px;
		margin-left: 10px;
		cursor: pointer;
		float: left;
	}
	
	#searchtext {
		width: 60%;
		margin-left: 20px;
		border: 1px solid #ccc;
		height: 40%;
		border-radius: 2px;
		padding-right: 40px;
		color: gray;
	}
	
	#addandsearch-div > div:nth-child(2) > img {
		position: relative;
		left: -35px;
		top: -25px;
		cursor: pointer;
		margin-top: 50px;
	}
	/* 新增和搜索结束 */
	
	/* 研学计划统计开始 */
	#evaluatestatistics {
		width: 99.8%;
		height: 200px;
		border: 1px solid silver;
	}
	
	#evaluatestatistics > p {
		width: 100%;
		height: 20%;
		line-height: 40px;
		text-indent: 2em;
		font-size: 13px;
		background-color: #F6F8F9;
		border-bottom: 1px solid silver;
		margin-bottom: 0;
	}
	
	#evaluatestatistics > ul {
		height: 80%;
	}
	
	#evaluatestatistics > ul li {
		width: 25%;
		height: 100%;
		float: left;
	}
	
	#evaluatestatistics > ul li > div:nth-child(1) {
		width: 100%;
		height: 30%;
		font-size: 13px;
		text-align: center;
		line-height: 50px;
	}
	
	#evaluatestatistics > ul li > div:nth-child(2) {
		width: 100%;
		height: 70%;
		line-height: 70px;
		text-align: center;
		font-size: 25px;
	}
	/* 研学计划统计结束 */
	
	/* 统计图表开始 */
	#chart {
		width: 100%;
		height: 350px;
	}
	
	.highcharts-axis-title {
		display: none;
	}
	
	.highcharts-credits {
		display: none;
	}
	
	.highcharts-exporting-group {
		display: none;
	}
	/* 统计图表结束 */
	
	/* 计划开始 */
	#plan {
		width: 100%;
		height: 300px;
		margin-top: 50px;
		border-top: 1px solid #ccc;
	}
	#plan > ul {
		width: 100%;
		height: 100%;
	}
	
	#plan > ul > li {
		width: 100%;
		height: 25%;
		border-bottom: 1px solid #ccc;
	}
	
	.plan-img-div {
		width: 6%;
		height: 100%;
		float: left;
	}
	
	.plan-img {
		border-radius: 4px;
		max-width: 70%;
		max-height: 70%;
		margin-top: 18%;
		margin-left: 15%;
	}
	
	.plan-info {
		width: 60%;
		height: 100%;
		float: left;
	}
	
	.plan-info > ul:nth-child(1) {
		width: 100%;
		height: 34%;
	}
	
	.plan-info > ul:nth-child(2) {
		width: 100%;
		height: 34%;
	}
	
	.plan-info > ul:nth-child(1) > li,
	.plan-info > ul:nth-child(2) > li
	{
		float: left;
		color: gray;
		font-size: 12px;
		width: 20%;
		height: 100%;
	}
	
	.plan-info > ul:nth-child(1) > li:nth-child(1),
	.plan-info > ul:nth-child(2) > li:nth-child(1)
	{
		float: left;
		color: gray;
		font-size: 12px;
		width: 40%;
		height: 100%;
	}
	
	.operation {
		 width: 30%;
		 height: 100%;
		 float: left;
	}
	 
	.operation > ul {
		 width: 100%;
		 height: 100%;
		 margin: 0 auto;
	}
	
	.operation > ul > li {
		display: inline-block;
		margin-top: 30px;
		color: #1890FF;
		text-decoration: none;
		margin-left: 30px;
	}
	
	.operation > ul > li > a{
		color: #1890FF;
		text-decoration: none;
	}
	 
	.more {
		 width: 9%;
		 height: 100%;
		 float: left;
	}
	
	.more > div {
		width: 60px;
		height: 30%;
		display: inline-block;
		font-size: 13px;
		color: #4AA8FF;
		font-weight: 600;
		cursor: pointer;
		margin-top: 30px;
		line-height: 20px;
		vertical-align: middle;
	}
	
	.more > ul {
		width: 60px;
		border-radius: 4px;
		box-shadow: 0 2px 8px rgba(0,0,0,.15);
		position: relative;
		z-index: 2;
		display: none;
	}
	
	.more > ul > li {
		font-size: 13px;
		text-align: center;
		line-height: 30px;
		color: rgba(0,0,0,.65);
	}
	
	.more > ul > li:hover {
		background-color: #e6f7ff;
		cursor: pointer;
	}
	/* 计划结束 */
}


li {
	list-style: none;
}

